<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>register</title>
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
    <div class="container">
        <header>
            <!-- 顶部 -->
            <div class="rectangle"></div>
            <!-- logo -->
            <div class="logo">
                <img src="img/logo.png" alt="">
            </div>
            <!-- nav导航栏 -->
            <div class="nav">
                <ul>
                    <li class="align"><a class="active" href="#">首页</a></li>
                    <li><a href="#">鼎搜投资</a></li>
                    <li><a href="#">鼎搜服务</a></li>
                    <li><a href="#">鼎搜动态</a></li>
                    <li><a href="#">鼎搜诚聘</a></li>
                    <li><a href="#">鼎搜公益</a></li>
                </ul>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <input type="text">
                <img src="img/search.png" alt="">
            </div>
        </header>
        <!-- banner图片 -->
        <div class="banner">
            <img src="img/banner.png" alt="">
        </div>
        <!-- 内容 -->
        <main>
            <div class="register">
                <div class="title">
                    <h3>我要转让</h3>
                    <span>WO YAO ZHUAN RANG</span>
                </div>
                <p>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
                <form action="">
                    <ul class="reg_form">
                        <li>
                            <label for="">用户名： 
                            </label>
                            <input type="text">
                            <span><i>*</i> (可以使用中文，但禁止除[@][.]以外的特殊符号)</span>
                        </li>
                        <li>
                            <label for="">公司名称： 
                            </label>
                            <input type="text">
                            <span><i>*</i></span>
                        </li>
                        <li>
                            <label for="">登陆密码： 
                            </label>
                            <input type="text">
                            <span><i>*</i></span>
                        </li>
                        <li>
                            <label for="">确认密码： 
                            </label>
                            <input type="text">
                            <span><i>*×两次输入密码不一致</i></span>
                        </li>
                        <li>
                            <label for="">电子邮箱： 
                            </label>
                            <input type="text">
                            <span><i>*</i> (每个电子邮邮箱只能注册一个帐号)</span>
                        </li>
                        <li>
                            <label for="">安全问题：  
                            </label>
                            <select class="select">
                                <option value="">没安全提示问题</option>
                            </select>
                            <span><i></i> (忘记密码时重设密码用)</span>
                        </li>
                        <li>
                            <label for="">问题答案： 
                            </label>
                            <input type="text">
                            <span><i></i> </span>
                        </li>
                        <li class="sex">
                            <label for="">性别： 
                            </label>
                            <input type="radio" name="sex">男
                            <input type="radio" name="sex">女
                            <input type="radio" name="sex">保密
                        </li>
                        <li class="code">
                            <label for="">验证码：  
                            </label>
                            <input type="text">
                            <img src="img/register/QQ截图20151221103301.png" alt="">
                            <span>看不清?</span><i>点击更换</i>
                        </li>
                        <li class="agree">
                            <label for="">会员注册协议： 
                            </label>
                            <textarea>1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。&#13;2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。&#13;3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                            </textarea>
                        </li>
                        <li class="agree_check">
                            <label></label>
                            <input type="checkbox" checked>
                            <span> 我已阅读并完全接受服务协议</span>
                        </li>
                        <button><span>注册</span></button>
                    </ul>
                </form>
            </div>
        </main>
        <!-- 底部 -->
        <footer>
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
                <!-- 底部图片 -->
                <div class="content">
                    <img src="img/connect.png" alt="">
                </div>
            </div>
            <!-- 底部蓝色 -->
            <div class="bottom_blue">
                <div class="copyright">Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</div>
            </div>
        </footer>
    </div>
</body>
</html>